<!DOCTYPE  html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <base href="../static"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link type="text/css" rel="stylesheet" href="css/style.css"/>
    <!--[if IE 6]>
    <script src="js/iepng.js" type="text/javascript"></script>
    <script type="text/javascript">
        EvPNG.fix('div, ul, img, li, input, a');
    </script>
    <![endif]-->

    <!--  注册验证和提示框引入  -->
    <script type="text/javascript" src="js/leading.js"></script>
    <script type="text/javascript" src="js/coco-message.js"></script>

    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/menu.js"></script>

    <script type="text/javascript" src="js/lrscroll_1.js"></script>


    <script type="text/javascript" src="js/n_nav.js"></script>

    <link rel="stylesheet" type="text/css" href="css/ShopShow.css"/>
    <link rel="stylesheet" type="text/css" href="css/MagicZoom.css"/>
    <script type="text/javascript" src="js/MagicZoom.js"></script>

    <script type="text/javascript" src="js/num.js">
        var jq = jQuery.noConflict();
    </script>

    <script type="text/javascript" src="js/p_tab.js"></script>

    <script type="text/javascript" src="js/shade.js"></script>

    <title>尤洪</title>
</head>
<body>
<!--Begin Header Begin-->
<div class="soubg">
    <div class="sou">
        <!--Begin 所在收货地区 Begin-->
        <span class="s_city_b">
        	<span class="fl">送货至：</span>
            <span class="s_city">
            	<span>四川</span>
                <div class="s_city_bg">
                	<div class="s_city_t"></div>
                    <div class="s_city_c">
                    	<h2>请选择所在的收货地区</h2>
                        <table border="0" class="c_tab" style="width:235px; margin-top:10px;" cellspacing="0"
                               cellpadding="0">
                          <tr>
                            <th>A</th>
                            <td class="c_h"><span>安徽</span><span>澳门</span></td>
                          </tr>
                          <tr>
                            <th>B</th>
                            <td class="c_h"><span>北京</span></td>
                          </tr>
                          <tr>
                            <th>C</th>
                            <td class="c_h"><span>重庆</span></td>
                          </tr>
                          <tr>
                            <th>F</th>
                            <td class="c_h"><span>福建</span></td>
                          </tr>
                          <tr>
                            <th>G</th>
                            <td class="c_h"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
                          </tr>
                          <tr>
                            <th>H</th>
                            <td class="c_h"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
                          </tr>
                          <tr>
                            <th>J</th>
                            <td class="c_h"><span>江苏</span><span>吉林</span><span>江西</span></td>
                          </tr>
                          <tr>
                            <th>L</th>
                            <td class="c_h"><span>辽宁</span></td>
                          </tr>
                          <tr>
                            <th>N</th>
                            <td class="c_h"><span>内蒙古</span><span>宁夏</span></td>
                          </tr>
                          <tr>
                            <th>Q</th>
                            <td class="c_h"><span>青海</span></td>
                          </tr>
                          <tr>
                            <th>S</th>
                            <td class="c_h"><span>上海</span><span>山东</span><span>山西</span><span class="c_check">四川</span><span>陕西</span></td>
                          </tr>
                          <tr>
                            <th>T</th>
                            <td class="c_h"><span>台湾</span><span>天津</span></td>
                          </tr>
                          <tr>
                            <th>X</th>
                            <td class="c_h"><span>西藏</span><span>香港</span><span>新疆</span></td>
                          </tr>
                          <tr>
                            <th>Y</th>
                            <td class="c_h"><span>云南</span></td>
                          </tr>
                          <tr>
                            <th>Z</th>
                            <td class="c_h"><span>浙江</span></td>
                          </tr>
                        </table>
                    </div>
                </div>
            </span>
        </span>

        <!--End 所在收货地区 End-->
        <!--     session为空时   -->
        <span class="fr" th:if="${#strings.isEmpty(session.userSession)}">
        	<span class="fl">你好，请<a th:href="@{user/login}">登录</a>&nbsp; <a th:href="@{user/regist}"
                                                                            style="color:#ff4e00;">免费注册</a>&nbsp;</span>
        </span>

        <!--      session 不为空时  -->
        <span class="fr" th:if="${not #strings.isEmpty(session.userSession)}">
                    <span class="fl"><a
                            th:href="@{user/admin(id=${session.userSession.id},action=${session.userSession.userName})}"
                            th:text="${session.userSession.userName}"></a>&nbsp;|&nbsp;
                        <a th:href="@{user/regist}" style="color:#ff4e00;">我的订单</a>&nbsp;|&nbsp;
                        <a th:if="${session.userSession.type==1}" th:href="@{easybuy/products(current=1)}">后台管理</a>&nbsp;| <a th:href="@{user/loginOut}">注销</a>&nbsp;</span>
        </span>
    </div>
</div>
<div class="top">
    <div class="logo"><a href="user/initIndex"><img src="images/logo.png"/></a></div>
    <div class="search">
        <form action="user/search" method="post">
            <input type="text" name="name" th:value="${name}" class="s_ipt"/>
            <input type="submit" value="搜索" class="s_btn"/>
        </form>
    </div>
    <div class="i_car">

        <div class="car_t">购物车 [ <span th:text="${session.userSession!=null and session.order.size!=0?session.order.size:'空'}" id="number"></span>
            ]
        </div>
        <div class="car_bg">
            <!--Begin 购物车未登录 Begin-->
            <div class="un_login" th:if="${#strings.isEmpty(session.userSession)}">还未登录！<a href="user/login"
                                                                                           style="color:#ff4e00;">马上登录</a>
                查看购物车！
            </div>

            <div class="un_login" th:if="${not #strings.isEmpty(session.userSession)}">我的购物车</div>

            <!--End 购物车未登录 End-->
            <!--Begin 购物车已登录 Begin-->
            <ul class="cars" id="ul" th:if="${not #strings.isEmpty(session.userSession)}">
                <li th:each="orders:${session.order}">
                    <div class="img"><a  th:href="@{car/product(id=${orders.productId})}">
                        <img th:src="'upload/'+${orders.images}" width="58" height="58"/>
                        <!--                        <img src="images/car2.jpg" width="58" height="58"/>-->
                    </a></div>
                    <div class="name"><a th:href="@{car/product(id=${orders.productId})}" th:text="${orders.name}"></a></div>
                    <div class="price"><font color="#ff4e00" th:text="'￥'+${orders.price}"></font> <span
                            th:text="'X'+${orders.number}"></span></div>
                </li>

            </ul>
            <div class="price_sum">共计&nbsp; <font color="#ff4e00">￥</font><span id="sumPrice"
                                                                                th:text="${session.sumPrice==null?0:session.sumPrice}"></span>
            </div>
            <div class="price_a" th:if="${session.userSession!=null}"><a th:href="@{car/settlement}">去购物车结算</a></div>
            <div class="price_a" th:if="${session.userSession==null}"><a href="user/login">去登陆</a></div>
            <!--            End 购物车已登录 End-->
        </div>

    </div>
</div>
<!--End Header End-->
<!--Begin Menu Begin-->
<div class="menu_bg">
    <div class="menu">
        <!--Begin 商品分类详情 Begin-->
        <div class="nav">
            <div class="nav_t">全部商品分类</div>
            <div class="leftNav none">
                <ul>
                    <li th:each="lists,userStat:${list}">
                        <div class="fj">
                            <span class="n_img"><span></span><img src="images/nav1.png"/></span>
                            <span class="fl" th:text="${lists.name}"></span>
                        </div>
                        <div class="zj" th:style="${userStat.index!=0?'top:-'+userStat.index*40+'px':''}">
                            <div class="zj_l">
                                <div class="zj_l_c" th:if="${lists.id==lists2.parentId}" th:each="lists2:${list2}">
                                    <h2><a th:href="@{user/product(id=${lists2.id},type=${lists2.type})}"
                                           th:text="${lists.id==lists2.parentId?lists2.name:''}"></a></h2>

                                    <span th:if="${lists2.id==lists3.parentId}" th:each="lists3:${list3}">
                                    <a th:href="@{user/product(id=${lists3.id},type=${lists3.type})}"
                                       th:text="${lists2.id==lists3.parentId?lists3.name:''}"></a>|
                                        </span>

                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
                                <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
                            </div>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
        <!--End 商品分类详情 End-->
        <ul class="menu_r">
            <li><a href="user/initIndex">首页</a></li>
            <li th:each="lists:${list}"><a th:href="@{user/product(id=${lists.id},type=${lists.type})}"
                                           th:text="${lists.name}"></a></li>
        </ul>
        <div class="m_ad">中秋送好礼！</div>
    </div>
</div>
<!--End Menu End-->
<div class="i_bg">
    <div class="postion">
        <span class="fl">全部 > 美妆个护 > 香水 > 迪奥 > 迪奥真我香水</span>
    </div>
    <div class="content">

        <div id="tsShopContainer">
            <div id="tsImgS"><a th:href="'upload/'+${product.fileName}" title="Images" class="MagicZoom" id="MagicZoom"><img
                    th:src="'upload/'+${product.fileName}" width="390" height="390"/></a></div>

            <img class="MagicZoomLoading" width="16" height="16" th:src="'upload/'+${product.fileName}"
                 alt="Loading..."/>
        </div>

        <div class="pro_des">
            <div class="des_name">
                <p th:text="${product.name}"></p>
                “开业巨惠，北京专柜直供”，不光低价，“真”才靠谱！
            </div>
            <div class="des_price">
                本店价格：<b th:text="'￥'+${product.price}"></b><br/>
                库存：<b th:text="${product.stock}" id="stock"></b><br/>
            </div>
            <div class="des_choice">
                <span class="fl">型号选择：</span>
                <ul>
                    <li class="checked">30ml
                        <div class="ch_img"></div>
                    </li>
                    <li>50ml
                        <div class="ch_img"></div>
                    </li>
                    <li>100ml
                        <div class="ch_img"></div>
                    </li>
                </ul>
            </div>
            <div class="des_choice">
                <span class="fl">颜色选择：</span>
                <ul>
                    <li>红色
                        <div class="ch_img"></div>
                    </li>
                    <li class="checked">白色
                        <div class="ch_img"></div>
                    </li>
                    <li>黑色
                        <div class="ch_img"></div>
                    </li>
                </ul>
            </div>
            <div class="des_join">
                <div class="j_nums">
                    <input type="text" value="1" name="" id="productNumber" class="n_ipt"/>
                    <input type="button" value="" onclick="addUpdate(jq(this));" class="n_btn_1"/>
                    <input type="button" value="" onclick="jianUpdate(jq(this));" class="n_btn_2"/>
                </div>
                <span class="fl"><a href="javascript:void(0)"
                                    th:onclick="'javascript:addShoppping('+${product.id}+','+${session.userSession!=null?session.userSession.id:0}+')'"><img
                        src="images/j_car.png"/></a></span>
            </div>
        </div>

        <div class="s_brand">
            <div class="s_brand_img"><img src="images/sbrand.jpg" width="188" height="132"/></div>
            <div class="s_brand_c"><a href="javascript:void(0)">进入品牌专区</a></div>
        </div>


    </div>
    <div class="content mar_20">
        <div class="l_history">
            <div class="fav_t">我的收藏</div>

        </div>
        <div class="l_list">
            <div class="des_border">
                <div class="des_tit">
                    <ul>
                        <li class="current"><a href="#p_attribute">商品属性</a></li>
                        <li><a href="javascript:void(0)">商品详情</a></li>
                    </ul>
                </div>
                <div class="des_con" id="p_attribute">

                    <table border="0" align="center" style="width:100%; font-family:'宋体'; margin:10px auto;"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td>商品名称：<span th:text="${product.name}"></span></td>
                            <td>商品价格：<span th:text="${product.price}"></span></td>
                            <td>品牌： 迪奥（Dior）</td>
                            <td>上架时间：2015-09-06 09:19:09</td>
                        </tr>
                        <tr>
                            <td>商品毛重：160.00g</td>
                            <td>商品产地：法国</td>
                            <td>香调：果香调香型：淡香水/香露EDT</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>容量：1ml-15ml</td>
                            <td>类型：女士香水，Q版香水，组合套装</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                    </table>


                </div>
            </div>

            <div class="des_border" id="p_details">
                <div class="des_t">商品详情</div>
                <div class="des_con">

                    <p align="center">
                        <img th:src="'upload/'+${product.fileName}" width="185" height="155"/><br/><br/>
                </div>
            </div>

        </div>
    </div>


    <!--    &lt;!&ndash;Begin 弹出层-收藏成功 Begin&ndash;&gt;-->
    <!--    <div id="fade" class="black_overlay"></div>-->
    <!--    <div id="MyDiv" class="white_content">-->
    <!--        <div class="white_d">-->
    <!--            <div class="notice_t">-->
    <!--                <span class="fr" style="margin-top:10px; cursor:pointer;" onclick="CloseDiv('MyDiv','fade')"><img-->
    <!--                        src="images/close.gif"/></span>-->
    <!--            </div>-->
    <!--            <div class="notice_c">-->

    <!--                <table border="0" align="center" style="margin-top:;" cellspacing="0" cellpadding="0">-->
    <!--                    <tr valign="top">-->
    <!--                        <td width="40"><img src="images/suc.png"/></td>-->
    <!--                        <td>-->
    <!--                            <span style="color:#3e3e3e; font-size:18px; font-weight:bold;">您已成功收藏该商品</span><br/>-->
    <!--                            <a href="#">查看我的关注 >></a>-->
    <!--                        </td>-->
    <!--                    </tr>-->
    <!--                    <tr height="50" valign="bottom">-->
    <!--                        <td>&nbsp;</td>-->
    <!--                        <td><a href="#" class="b_sure">确定</a></td>-->
    <!--                    </tr>-->
    <!--                </table>-->

    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--End 弹出层-收藏成功 End-->

    <!--Begin 弹出层-加入购物车 Begin-->
    <!--    <div id="fade1" class="black_overlay"></div>-->
    <!--    <div id="MyDiv1" class="white_content">-->
    <!--        <div class="white_d">-->
    <!--            <div class="notice_t">-->
    <!--                <span class="fr" style="margin-top:10px; cursor:pointer;" th:onclick="'javascript:CloseDiv_1('+${product.id}+')'"><img-->
    <!--                        src="images/close.gif"/></span>-->
    <!--            </div>-->
    <!--            <div class="notice_c">-->

    <!--                <table border="0" align="center" style="margin-top:;" cellspacing="0" cellpadding="0">-->
    <!--                    <tr valign="top">-->
    <!--                        <td width="40"><img src="images/suc.png"/></td>-->
    <!--                        <td>-->
    <!--                            <span style="color:#3e3e3e; font-size:18px; font-weight:bold;">宝贝已成功添加到购物车</span><br/>-->
    <!--                            购物车共有1种宝贝（3件） &nbsp; &nbsp; 合计：1120元-->
    <!--                        </td>-->
    <!--                    </tr>-->
    <!--                    <tr height="50" valign="bottom">-->
    <!--                        <td>&nbsp;</td>-->
    <!--                        <td><a href="#" class="b_sure">去购物车结算</a><a href="#" class="b_buy">继续购物</a></td>-->
    <!--                    </tr>-->
    <!--                </table>-->

    <!--            </div>-->
</div>
</div>
<!--End 弹出层-加入购物车 End-->


<!--Begin Footer Begin -->
<div class="b_btm_bg bg_color">
    <div class="b_btm">
        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
               cellspacing="0" cellpadding="0">
            <tr>
                <td width="72"><img src="images/b1.png" width="62" height="62"/></td>
                <td><h2>正品保障</h2>正品行货 放心购买</td>
            </tr>
        </table>
        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
               cellspacing="0" cellpadding="0">
            <tr>
                <td width="72"><img src="images/b2.png" width="62" height="62"/></td>
                <td><h2>满38包邮</h2>满38包邮 免运费</td>
            </tr>
        </table>
        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
               cellspacing="0" cellpadding="0">
            <tr>
                <td width="72"><img src="images/b3.png" width="62" height="62"/></td>
                <td><h2>天天低价</h2>天天低价 畅选无忧</td>
            </tr>
        </table>
        <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
               cellspacing="0" cellpadding="0">
            <tr>
                <td width="72"><img src="images/b4.png" width="62" height="62"/></td>
                <td><h2>准时送达</h2>收货时间由你做主</td>
            </tr>
        </table>
    </div>
</div>
<div class="b_nav">
    <dl>
        <dt><a href="#">新手上路</a></dt>
        <dd><a href="#">售后流程</a></dd>
        <dd><a href="#">购物流程</a></dd>
        <dd><a href="#">订购方式</a></dd>
        <dd><a href="#">隐私声明</a></dd>
        <dd><a href="#">推荐分享说明</a></dd>
    </dl>
    <dl>
        <dt><a href="#">配送与支付</a></dt>
        <dd><a href="#">货到付款区域</a></dd>
        <dd><a href="#">配送支付查询</a></dd>
        <dd><a href="#">支付方式说明</a></dd>
    </dl>
    <dl>
        <dt><a href="#">会员中心</a></dt>
        <dd><a href="#">资金管理</a></dd>
        <dd><a href="#">我的收藏</a></dd>
        <dd><a href="#">我的订单</a></dd>
    </dl>
    <dl>
        <dt><a href="#">服务保证</a></dt>
        <dd><a href="#">退换货原则</a></dd>
        <dd><a href="#">售后服务保证</a></dd>
        <dd><a href="#">产品质量保证</a></dd>
    </dl>
    <dl>
        <dt><a href="#">联系我们</a></dt>
        <dd><a href="#">网站故障报告</a></dd>
        <dd><a href="#">购物咨询</a></dd>
        <dd><a href="#">投诉与建议</a></dd>
    </dl>
    <div class="b_tel_bg">
        <a href="#" class="b_sh1">新浪微博</a>
        <a href="#" class="b_sh2">腾讯微博</a>
        <p>
            服务热线：<br/>
            <span>400-123-4567</span>
        </p>
    </div>
    <div class="b_er">
        <div class="b_er_c"><img src="images/er.gif" width="118" height="118"/></div>
        <img src="images/ss.png"/>
    </div>
</div>
<div class="btmbg">
    <div class="btm">
        备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 ,
        Technical Support: Dgg Group <br/>
        <img src="images/b_1.gif" width="98" height="33"/><img src="images/b_2.gif" width="98" height="33"/><img
            src="images/b_3.gif" width="98" height="33"/><img src="images/b_4.gif" width="98" height="33"/><img
            src="images/b_5.gif" width="98" height="33"/><img src="images/b_6.gif" width="98" height="33"/>
    </div>
</div>
<!--End Footer End -->
</div>

</body>

<script src="js/ShopShow.js"></script>

<!--[if IE 6]>
<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>
<![endif]-->
</html>
